
<template>
  <div class="main">
    <el-table :data="tableData" style="width: 100%; height: 100%">
      <el-table-column type="index" min-width="20"></el-table-column>
      <el-table-column prop="eNumber" label="设备号" min-width="40"> </el-table-column>
      <el-table-column prop="eName" label="设备名称"> </el-table-column>
      <el-table-column prop="eType" label="设备类型"> </el-table-column>
      <el-table-column prop="eIP" label="设备IP"> </el-table-column>
      <el-table-column prop="eStatus" label="设备状态"> </el-table-column>
    </el-table>
  </div>
  <div class="under">
    <button>分类显示</button><button>设备定位</button><button>上一页</button
    ><button>下一页</button><button>首页</button><button>末页</button>
  </div>
</template>
<script setup>
import { ref } from "vue";
const tableData = ref([
{   eNumber:111,
    eName:'一班',
    eType:'广播',
    eIP:'11.11.11',
    eStatus:'空闲'
},
{   eNumber:111,
    eName:'一班',
    eType:'广播',
    eIP:'11.11.11',
    eStatus:'空闲'
},
{   eNumber:111,
    eName:'一班',
    eType:'广播',
    eIP:'11.11.11',
    eStatus:'空闲'
},
{   eNumber:111,
    eName:'一班',
    eType:'广播',
    eIP:'11.11.11',
    eStatus:'空闲'
}
]);
// export default {
//   name: "componentList",
// };
</script>
<style lang="less" scoped>
@import url("./listView.less");
</style>